<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>Main</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <style>
        html, body{
            background-color: #F2F4F5;
        }
        .aui-list {
            background-image: none;
        }
        .aui-list.aui-list-in .aui-list-item:last-child {
            background-image: none;
        }
        .aui-list.aui-list-in .aui-list-item {
            background-image: linear-gradient(0,#efefef,#efefef 50%,transparent 50%);
            background-image: -webkit-linear-gradient(90deg,#efefef,#efefef 50%,transparent 50%);
        }
        .aui-list.aui-list-in .aui-list-item{
            transition: all .3s;
        }
        .aui-list.aui-list-in .aui-list-item:active{
            background-color: #f9f9f9;
            transition: all 0 ease 0;
        }
        .aui-list .aui-list-item-label-icon{
            padding-right: 0.5rem;
        }
        .aui-list .aui-list-item-label-icon .aui-iconfont img{
            width: 1.3rem;
        }
    </style>
</head>
<body>
    <!-- 顶部 -->
    <!-- <section class="aui-content" id="user-info" style="margin-top: 20px;">
        <div class="aui-list aui-media-list aui-list-noborder">
            <div class="aui-list-item aui-list-item-middle" tapmode onclick="userInfoOnclick()" style="padding: 10px;">
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-media" style="width:3rem;">
                        <img src="../image/samples/user_avatar_2.jpg" class="aui-img-round" >
                    </div>
                    <div class="aui-list-item-inner aui-list-item-arrow">
                        <div class="aui-list-item-text text-white aui-font-size-18">La.uu</div>
                        <div class="aui-list-item-text text-white">
                           <div><i class="aui-iconfont aui-icon-mobile aui-font-size-14"></i>152****0989</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
    <section class="aui-content" style="margin-top: 20px;">
        <ul class="aui-list aui-list-in aui-margin-b-15">
            <li class="aui-list-item" tapmode onclick="onIncident()">
                <div class="aui-list-item-label-icon">
                    <i class="aui-iconfont"><img src="../image/me/incident.png"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">我的事件</div>
                </div>
            </li>
            <li class="aui-list-item" tapmode onclick="onQrCode()">
                <div class="aui-list-item-label-icon">
                    <i class="aui-iconfont"><img src="../image/me/code.png"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">我的二维码</div>
                </div>
            </li>
        </ul>
        <ul class="aui-list aui-list-in aui-margin-b-15">
            <li class="aui-list-item" onclick="onFeedBack()">
                <div class="aui-list-item-label-icon">
                    <i class="aui-iconfont"><img src="../image/me/advise.png"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">意见反馈</div>
                </div>
            </li>
            <li class="aui-list-item" tapmode onclick="onAboutUs()">
                <div class="aui-list-item-label-icon">
                    <i class="aui-iconfont"><img src="../image/me/aboutus.png"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">关于我们</div>
                </div>
            </li>
            <li class="aui-list-item" tapmode onclick="userInfoOnclick()">
                <div class="aui-list-item-label-icon">
                    <i class="aui-iconfont"><img src="../image/me/logout.png"></i>
                </div>
                <div class="aui-list-item-inner aui-list-item-arrow">
                    <div class="aui-list-item-title">退出登录</div>
                </div>
            </li>
        </ul>
    </section>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
    apiready = function(){

    }
    function onAboutUs(){
        api.openWin({
            name: 'aboutUs',
            url: './me/aboutUs_win.html',
        });
    };
    function userInfoOnclick(){
        api.openWin({
            name: 'login',
            url: './user/login.html',
        });
    }
    function onFeedBack(){
      api.openWin({
          name: 'feedBack',
          url: './me/feedBack_win.html',
      });
    }
    function onIncident(){
      api.openWin({
          name: 'feedBack',
          url: './me/incident_win.html',
      });
    }
    function onQrCode(){
      api.openWin({
          name: 'qrCode',
          url: './me/qrCode_win.html',
      });
    }
</script>
</html>
